// sidebar及整体的一些变量

// 颜色类
$activeCompanyMenuText: #000;
// 删除按钮颜色
$deleteButtonColor: #e70808;
$editButtonColor: rgb(10, 177, 77);
// 主题色
$themeColor: #F8F8F8;
// 面包屑等背景色
$breadcrumbBgColor: #fff;
// 汉堡包背景色
$hamburgerBgColor: #D6EBFF;
// 操作栏背景色
$actionBarBgColor: #fff;
// 搜索框背景色
$seachBgColor: #D6DFE8;
// 树状图选择背景色
$TreeViewBgColor: #397ec3;
// 树状图字体颜色
$TreeViewTextColor: #fff;
// 树状图边框颜色
$TreeViewBorderColor: #436D96;
// tags-view背景色
$tagsViewBgColor: #D6EBFF;
// tags-view选中项背景色
$tagsViewActiveBgColor: #F8F8F8;
// 面包屑
$mianbaoxie: #436D96;
// 汉堡包字体颜色
$hamburgFontColor: #5C84AC;
// 汉堡包active字体颜色
$hamburgFontActiveColor: #0480FB;
// app-main背景色
$appMainBgColor: #F8F8F8;
// app-main的字体颜色
$appMainTextColor: #fff;
// 字体family
$themeFontFamily: auto;
// 菜单选项背景色
$menuBg: #656871;
$Menuborder: #54575F;
// 二级菜单栏背景色
$subMenuBg: #54575F;
$subMenuborder: #6D7078;
// 原来菜单的字体颜色
$menuText: #fff;
// 选中或者移动到菜单栏的背景色
$activeMenuBg: #EDEDED;
// 选中或者移动到菜单的字体颜色
$activeMenuText: #1F74C7;
// footer的背景色
$footerBg: #fff;
$footerColor: #808080;
//table表头颜色
$tableHeaderColor: #549BE3; // 头部的背景色  #8FA0B1
// 表格边框颜色
$tableBorderColor: #D6D6D6;
// table斑马线颜色
$tableStripeColor: #575555;
$headerBg: #549BE3;
// 内容border颜色
$borderColor: #0EA8C4;
// 内容border颜色最外层
$borderColorBox: #C2CEDF;
// 内容框
$contentColor: #000;
// input border颜色
$inputBorderColor: #B8BCC3;
// 富文本框边框
$qlborder: #00FFF7;
// 弹框的取消保存按钮颜色
$dialogFooterColor: #006E91;
$dialogFooterBackgroundColor: #006f91de;
// 变量类

// table 选中颜色
$tableHoverColor: #77ACE0;

// 菜单栏的宽度
$sideBarWidth: 210px;
$sideBarMinWidth: 54px;
// header高度
$headerHeight: 68px;
// footer高度
$footerHeight: 40px;
// footer高度
$footerMarginTopHeight: 10px;
// tags-view高度
$tagsViewHeight: 42px;
$tabsHeight: 41px;
// 面包屑高度
$hamburgerHeight: 30px;
// 面包屑距离header的margin-top高度
$hamburgerToHeaderHeight: 8px;
// 操作栏的高度
$actionBarHeight: 50px;
// 搜索栏的高度
$searchBarHeight: 50px;
$unitWidth: 20%; // the :export directive is the magic sauce for webpack

// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  activeMenuText: $activeMenuText;
  menuBg: $menuBg;
  subMenuBg: $subMenuBg;
  sideBarWidth: $sideBarWidth;
}